<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>
<body>
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left" tapmode onclick="closeWin()">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">购买</div>
</header>
<div class="aui-bar-nav-d"></div>

<div class="licai-buy-details-t">
    <p>随意享</p>
    <p>预期收益年化：4.25% <span>投资周期：T+1天</span></p>
    <p>可购买剩余总额：665,100.00元</p>
</div>

<div class="licai-buy-details-m">
    <img src="image/licai-buy-details-m.png">
    投资金额（元）
    <span>￥100.00</span>
</div>

<ul class="licai-buy-details-list">
    <li>
        使用红包：
        <div class="aui-list-item-inner">
            <label><input class="aui-checkbox" type="checkbox" name="checkbox"> 注册红包30.00元</label>
        </div>
    </li>
    <li>
        预计收益：￥0.01
    </li>
    <li>
        获利方式：
        <div class="aui-list-item-inner">
            <label style="margin-right:1rem"><input class="aui-checkbox" type="radio" name="checkbox" checked> 期末获利</label>
            <label><input class="aui-checkbox" type="radio" name="checkbox"> 分期获利</label>
        </div>
    </li>
    <li>
        预期收益：¥430.00
    </li>
    <li>
        实付金额：<span>¥10,000.00</span>
    </li>
</ul>
<div class="licai-buy-details-tk">
    <div class="aui-list-item-inner">
        <label><input class="aui-checkbox" type="checkbox" name="checkbox"> 同意</label>
        <p>
            <a>《借款协议》</a>
            <a>《委托授权书》</a>
            <a>《风险揭示书》</a>
            <a>《金可贷--电子签名数字证书用户申请确认函》</a>
        </p>
    </div>
</div>
<div class="licai-buy-details-d">
    <span class="jian"></span>
    <select  name="" id="">
        <option value="">x1</option>
        <option value="">x2</option>
        <option value="">x3</option>
    </select>
    <span class="jia"></span>
</div>

<div class="licai-d-btn-t"></div>
<div class="licai-d-btn" onclick="licai_box_1()">提交</div>

<!-- 弹出1 -->
<div class="licai-buy-box-bg licai-buy-box-1">
  <div class="licai-buy-box">
    <h3>确认提示</h3>
    <p>购买后，期限内资金将不可赎回，是否
确认购买？</p>
    <div class="licai-buy-box-btn">
        <a class="green" onclick="licai_box_2()">确定</a>
        <a onclick="licai_box_close()">取消</a>
    </div>
  </div>
</div>

<!-- 弹出2 -->
<div class="licai-buy-box-bg licai-buy-box-2">
  <div class="licai-buy-box">
    <h3>恭喜您！</h3>
    <p>您的智能选投已经购买成功！</p>
    <p>我们将在7-15个工作日为您匹配合适的
债权产品，匹配成功后，您可在我的账
户中查看债权详情及电子合同。</p>
    <span>迅速响应、小而分散、智能匹配</span>
    <div class="licai-buy-box-btn">
        <a class="green" onclick="licai_box_close()">确定</a>
    </div>
  </div>
</div>


</body>
<script type="text/javascript">
    function licai_box_close(){
        $(".licai-buy-box-bg").hide();
    }
    function licai_box_1(){
        $(".licai-buy-box-1").show();
    }
    function licai_box_2(){
        $(".licai-buy-box-1").hide();
        $(".licai-buy-box-2").show();
    }
    function register_attestation(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'register_attestation',
            url: './register_attestation.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    function login(){
        var delay = 0;
        if(api.systemType != 'ios'){
            // delay = 300;
        }
        api.openWin({
            name: 'login',
            url: './login.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false,
            progress:{
                type:"page"
            }
        });
    };
    function closeWin(){
        api.closeWin({
        });
    }
</script>
</html>